<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>商品详情页</title>
  <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="apple-mobile-web-app-capable" content="no" />
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/base.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/index.css">
</head>

<body>
<%@ include file="/WEB-INF/jsp/public.jsp"%>
<div id="goodsInfo">
  <div class="goods__preview" id="goodsId" value = "${id}">
    <div class="swiper-container">
      <div class="swiper-wrapper" id="goods_pic">
<!--       <div class="swiper-slide"><a href="#"><img src="http://192.168.1.52:8000/images/2016/08/12/1471003149608756.png" alt=""></a></div> -->
      </div>
      <div class="swiper-pagination"></div>
    </div>
  </div>
  <div class="goods_part">
    <div class="basic_info">
      <div class="title">
        <span id = "title" >华为畅享5S 金色 移动4G手机</span>
        <p id = "describe">直降100元！金属机身，快速指纹识 别，8核64位处理器 </p>
      </div>
      <div class="integral">
      	<!--正常状态下 -->
        <p class="normal">¥ 2867</p>
        <!-- 积分商场下 -->
        <p class="rebate">
          <em class="n">200</em> 兑换券 + <span class="money">100</span>元
        </p>
        <p class="cost"> 原价
          <del class="sellPrice">¥300</del>
        </p>
<!--         <span id = "price"> ¥ 2867</span> -->
<!--         <p id = "points_num">积分：54674</p> -->
       <p class="voucher"></p>
      </div>
    </div>
    <div class="goods_tips" id = "vip_tips" >
      <i class="dib vm icon_tips_goods" ></i>
      <span id = "vip_des">购买该物品后，即日起30日后即可享受反现200元</span>
    </div>
  </div>
    <div class="goods_options">   
    </div>
  </div>
  <div class="goods_detail">
    <p class="title">商品详情</p>
    <div id ="goodsContext"></div>
  </div>
  <div class="payment_total_bar">
    <div class="goods_action_list">
      <a class="ui_btn ui_btn_plain_primary" href="javascript:;" id="gouwuche">加入购物车</a>
      <a class="ui_btn ui_btn_primary" href="javascript:;" onclick="nowBuy()"> 立即购买 </a>
    </div>
  </div>
</div>  
  <script src="${pageContext.request.contextPath}/static/js/lib/jquery/jquery.min.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/lib/swiper.min.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/wap/main-goodsDetail.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/lib/number.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/lib/bundle.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/lib/menu.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/lib/layer/layer.js"></script>
</body>

</html>